<template>
  <div id="nav">
    <el-row>
      <el-button icon="el-icon-s-home" class="btn" type="primary"><router-link to="/">首页</router-link></el-button>
      <el-button icon="el-icon-s-home" class="btn" @click="goInOrder" type="primary">订单结算</el-button>
      <el-button icon="el-icon-s-home" class="btn" type="primary"><a href="#" @click="logout">退出登录</a></el-button>
    </el-row>    
    
  </div>
</template>

<script>

export default {
  components: {
  },
  data() {
    return {      
    };
  },
  methods: {   
    goInOrder(){
      this.$router.push("./orderList");
    },
    logout() {
      //清空存储
      localStorage.removeItem("Authorization");
      localStorage.clear();
      //跳转到登录页面
      this.$router.push("./login");
    },
  },
};
</script>

<style scoped>
.btn{
  width: 500px;
  height: 300px;
  font-size: 80px;
  font-family: "微软雅黑";
}

.btn a{
  color:#ffffff;
}
</style>